v-model原理：

原生 input 元素若是text/textarea类型，使用 value 属性和 input 事件。

原生 input 元素若是radio/checkbox类型，使用 checked属性和 change 事件。

原生 select 元素，使用 value 属性和 change 事件。

input 元素上使用 v-model 等价于

<input :value="message" @input="message = $event.target.value" />

实现自定义组件的 v-model

自定义组件的v-model使用prop值为value和input事件。若是radio/checkbox类型，需要使用model来解决原生 DOM 使用的是 checked 属性 和 change 事件，如下所示。

// 父组件
<template>
<base-checkbox v-model="baseCheck" />
</template>
// 子组件
<template>
<input type="checkbox" :checked="checked" @change="$emit('change', $event.target.checked)" />
</template>
<script>
export default {
model: {
  prop: 'checked',
  event: 'change'
},
prop: {
  checked: Boolean
}
}
</script>